﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>项目展示首页</title>
    <link rel="stylesheet" href="css/default.css?V=2" />
    <script type="text/javascript" src="js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>
    <style>
        .classify_box {
            width: 315px;
            height: 282px;
            border: 1px solid #DDD;
        }

        .classify_ul {
            width: 315px;
            height: 50px;
            background: url(../images/classify_ul.jpg) no-repeat;
        }

            .classify_ul li {
                width: 105px;
                float: left;
                height: 49px;
            }

                .classify_ul li.on {
                    border-bottom: 1px solid #fff;
                }

                .classify_ul li a {
                    display: block;
                    height: 38px;
                    line-height: 38px;
                    width: 90px;
                    text-align: center;
                    margin: 6px auto 0;
                    color: #fff;
                    font-size: 15px;
                    font-family: "微软雅黑";
                }

                    .classify_ul li a.btn_classify1 {
                        background: url(/CGSBWEB/images/btn_classify.jpg) repeat-x;
                    }

                    .classify_ul li a.btn_classify2 {
                        background: url(/CGSBWEB/images/btn_classify2.jpg) repeat-x;
                    }

                    .classify_ul li a.btn_classify3 {
                        background: url(/CGSBWEB/images/btn_classify3.jpg) repeat-x;
                    }

                    .classify_ul li.on a.btn_classify1, .classify_ul li a.btn_classify1:hover {
                        background: #FD5F00;
                        font-weight: bold;
                    }

                    .classify_ul li.on a.btn_classify2, .classify_ul li a.btn_classify2:hover {
                        background: #407C2C;
                        font-weight: bold;
                    }

                    .classify_ul li.on a.btn_classify3, .classify_ul li a.btn_classify3:hover {
                        background: #075492;
                        font-weight: bold;
                    }

        .classify_con ul {
            padding: 10px 0 10px 12px;
        }

            .classify_con ul li {
                background: url(/CGSBWEB/images/icon4.jpg) no-repeat 132px center;
                float: left;
                width: 150px;
                height: 30px;
                line-height: 30px;
            }

                .classify_con ul li a {
                    color: #333;
                    padding: 4px 20px 4px 4px;
                    width: 122px;
                    height: 22px;
                    line-height: 22px;
                    overflow: hidden;
                    display: block;
                }

                    .classify_con ul li a:hover, .classify_con ul li a.on {
                        color: #0d5a92;
                        text-decoration: none;
                        border: 2px solid #eee;
                    }
    </style>
    <script type="text/javascript">
        $().ready(function () {
            $.getJSON("/API/VIEWAPI.ashx?Action=Commanage_GETINDEXLIST&r=" + Math.random(), {}, function (resultData) {

                if (resultData.ErrorMsg == "") {
                    var tpxw = resultData.Result;
                    if (tpxw) {
                        $(".slideBox .hd ul").empty();
                        $(".slideBox .bd ul").empty();
                        $(tpxw).each(function (i, m) {
                            $(".slideBox .hd ul").append('<li>' + (i + 1) + '</li>');
                            $(".slideBox .bd ul").append('<li><a href="news-detailed.html?id=' + m.ID + '" target="_blank"><img src="/view/Comon/downloadfile.aspx?FileID=' + m.Files.split(',')[0] + '" /></a></li>');
                        })
                        $(".slideBox").slide({
                            mainCell: ".bd ul",
                            autoPlayt: false
                        });
                    }//图片新闻
                    var zxxw = resultData.Result1;
                    if (zxxw) {
                        $(".index-new .index-new-list").empty();
                        $(zxxw).each(function (i, m) {
                            $(".index-new .index-new-list").append('<li><a href="news-detailed.html?id=' + m.ID + '" target="_blank" ><b class="pull-left word-break">' + m.Title + '</b><span class="pull-right c999 ft12">' + m.CRDate.substring(0, 10) + '</span></a></li>');
                        })
                    }//最新新闻
                    var tzgg = resultData.Result2;
                    if (tzgg) {
                        $(".txtMarquee-left .infoList").empty();
                        $(tzgg).each(function (i, m) {
                            $(".txtMarquee-left .infoList").append('<li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">' + m.Title + '</a><span>[' + m.CRDate.substring(0, 10) + ']</span></li>');
                        })
                        $(".txtMarquee-left").slide({
                            mainCell: ".bd ul",
                            autoPlay: true,
                            effect: "leftMarquee",
                            vis: 2,
                            interTime: 50
                        });
                    }//通知公告
                    var cg = resultData.Result3;
                    if (cg) {
                        $(".cgul").empty();
                        $(cg).each(function (i, m) {
                            $(".cgul").append('<li><a href="news-cgzs-detail.html?id=' + m.ID + '" target="_blank"><div class="cg-item ">' +
                                    '<div class="cg-item-img ">' +
                                    '    <img src="/view/Comon/downloadfile.aspx?FileID=' + (m.Files1 ? m.Files1.split(',')[0] : '0') + '"    onerror="javascript:this.src=\'/CGSBWEB/images/1.png\'"  />' +
                                    '</div>' +
                                    '<div class="cg-item-cont ">' +
                                    '    <div class="c333 word-break ">' + m.Name + '</div>' +
                                    '    <div class="ft12 c999 mt5 ">' + m.CRDate.substring(0, 10) + '</div>' +
                                    '</div>' +
                                '</div></a></li>');
                        })
                    }//成果展示
                    var zl = resultData.Result4;
                    if (zl) {
                        $(".zlul").empty();
                        $(zl).each(function (i, m) {
                            $(".zlul").append('<li><a href="news-zlzs-detail.html?id=' + m.ID + '" target="_blank"><div class="cg-item ">' +
                                    '<div class="cg-item-img ">' +
                                    '    <img src="/view/Comon/downloadfile.aspx?FileID=' + (m.Files ? m.Files.split(',')[0] : '0') + '"   onerror="javascript:this.src=\'/CGSBWEB/images/1.png\'"  />' +
                                    '</div>' +
                                    '<div class="cg-item-cont ">' +
                                    '    <div class="c333 word-break ">' + m.Name + '</div>' +
                                    '    <div class="ft12 c999 mt5 ">' + m.CRDate.substring(0, 10) + '</div>' +
                                    '</div>' +
                                '</div></a></li>');
                        })
                    }//专利展示
                    var lj = resultData.Result5;
                    if (lj) {
                        $(".link-item").empty();
                        $(lj).each(function (i, m) {
                            $(".link-item").eq(m.Type - 1).append('<li><a href="' + m.Link + '" target="_blank">' + m.Name + '</a></li>');
                        })
                        $(".linker").click(function () {
                            $(this).children().toggle();
                            $(this).siblings().children().hide();
                        })
                    }//快速链接
                }
            })



            $(".lb").hover(
              function () {
                  $(".lb").removeClass("on")
                  $(this).addClass("on");
                  $(".lb1").hide();
                  $("#" + $(this).find('a').attr("tab")).show();
            
              },
              function () {
              }
            );
        })
    </script>
</head>

<body>
    <div class="cont-box">
        <div class="cont-center">
            <div class="top">
                <img src="images/top-img.png" style="height:120px" />
            </div>
            <div class="nav">
                <ul>
                    <li>
                        <a href="index.html" class="active">网站首页</a>
                    </li>
                    <li>
                        <a href="news.html">新闻中心</a>
                    </li>
                    <!-- <li>
                        <a href="news-cgzs.html">成果展示</a>
                    </li>-->
                    <li>
                        <a href="news-zlzs.html">项目展示</a>
                    </li>

                </ul>
            </div>
            <!--新闻部分-->
            <div class="new-box overflow mt15">
                <!--轮播-->
                <div id="slideBox" class="slideBox">
                    <div class="hd">
                        <ul>
                        </ul>
                    </div>
                    <div class="bd">
                        <ul>
                        </ul>
                    </div>
                </div>
                <!--新闻-->
                <div class="border-box index-new">
                    <div class="border-top">
                        公司新闻<span class="ft12 pull-right"><a href="news.html">更多+</a> </span>
                    </div>
                    <div class="border-cont">
                        <ul class="index-new-list">
                        </ul>
                    </div>
                </div>
            </div>
            <!--end-->
            <!--通知公告-->
            <div class="affiche mt15 overflow">
                <img src="images/tzgg.png" style="width: inherit;" class="pull-left" />
                <div class="txtMarquee-left">
                    <div class="bd">
                        <!--这个地方记得截字符串-->
                        <ul class="infoList">
                        </ul>
                    </div>
                </div>
            </div>

            <div class="new-box overflow ">
                <div class="border-box" style="width: 480px; height: 300px; float: left; margin-top: 20px">
                    <div class="border-top">
                        通知公告<span class="ft12 pull-right"><a href="news.html">更多+</a> </span>
                    </div>
                    <div class="border-cont">
                        <ul class="index-new-list">
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>

                        </ul>
                    </div>
                </div>
                <div class="border-box" style="width: 476px; height: 300px; margin-left: 490px; position: relative; margin-top: 20px">
                    <div class="border-top">
                        政策法规<span class="ft12 pull-right"><a href="news.html">更多+</a> </span>
                    </div>
                    <div class="border-cont">
                        <ul class="index-new-list">
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>

                        </ul>
                    </div>
                </div>
            </div>
            <!--end-->
            <div class="new-box overflow ">
                <div class="border-box" style="width: 320px; height: 300px; float: left; margin-top: 20px">
                    <ul class="classify_ul">
                        <li class="lb on"><a class="btn_classify1 " tab="hangye">找行业</a></li>
                        <li class="lb"><a class="btn_classify2 " tab="leixing">找类型</a></li>
                        <li class="lb"><a class="btn_classify3 " tab="xingtai">找形态</a></li>
                    </ul>
                    <div class="classify_con clearfix">
                        <ul class="clearfix lb1" id="hangye">
                            <li class="classify_li"><a class="classify_a">医疗卫生</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">医药农药</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">农业科学</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">矿业工程</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">冶金工程</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">金属工艺</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">机械工程</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">动力工程</a>

                            </li>


                            <li class="classify_li"><a class="classify_a">电气工程</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">电子电信</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">化学工程</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">轻工技术</a>

                            </li>
                            <!--                            <li class="classify_li"><a class="classify_a">建筑科学</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">水利工程</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">交通运输</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">环境工程</a>

                            </li>


                             <li class="classify_li"><a class="classify_a">石油工程	</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">自动化</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">计算机</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">天然气</a>

                            </li>-->
                            <li class="classify_li"><a class="classify_a">其他工业技术</a>

                            </li>
                        </ul>
                        <ul class="clearfix lb1" id="leixing">
                            <li class="classify_li"><a class="classify_a">新产品</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">新技术</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">新工艺</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">新设备</a>

                            </li>
                        </ul>
                        <ul class="clearfix lb1" id="xingtai">
                            <li class="classify_li"><a class="classify_a">专利技术</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">论文</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">成果鉴定</a>

                            </li>
                            <li class="classify_li"><a class="classify_a">专有技术</a>

                            </li>
                        </ul>
                    </div>
                </div>
                <div class="border-box" style="width: 636px; margin-left: 330px; position: relative; margin-top: 20px">
                    <div class="border-top">
                        项目展示<span class="ft12 pull-right"><a href="news.html">更多+</a> </span>
                    </div>
                    <div class="border-cont">
                        <ul class="index-new-list">
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>
                            <li><a href="news-tzgg.html?id=' + m.ID + '" target="_blank">“一带一路”国际合作高峰论坛中外记者会召开</a><span class="pull-right c999 ft12">[2016-12-12]</span></li>

                        </ul>
                    </div>
                </div>
            </div>
            <!--相关链接-->
            <div class="border-box mt15 ">
                <div class="border-top " style="border-bottom: 0;">
                    站点导航
                    <div class="link-box">
                        <div class="linker">
                            各单位链接
                            <div class="link-item">
                            </div>
                        </div>
                        <div class="linker">
                            地市公司网站链接
                            <div class="link-item">
                            </div>
                        </div>
                        <div class="linker">
                            相关网站链接
                            <div class="link-item">
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="border-cont "></div>-->
            </div>
            <!--底部-->
            <div class="foot mt15 ">
                <div class="foot-map ">
                    <a>首页</a>|
                    <a>新闻中心</a>|
                    <a>专利展示</a>|
                    <a href="../View/Login.aspx" target="_blank">后台登陆入口</a>
                </div>
                <p class="c666 mt10 ">公司版权所有</p>
            </div>
        </div>
    </div>
</body>

</html>
